<template>
  <div class="common-layout" >
    <!--    <el-header>Header</el-header>-->
    <el-container >
      <el-aside width="250px" ><AsiderNew/></el-aside>
      <el-main > <router-view></router-view> </el-main>
    </el-container>
  </div>
</template>

<script setup>
import AsiderNew from "@/components/AsiderNew.vue";
</script>
<style>
.el-header {
  position: relative;
  width: 100%;
  height: 60px;
}
.el-aside {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.el-main {
  position: absolute;
  left: 250px;
  right: 0;
  top: -10px;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;

}
</style>

